<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/main.css">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <div class="product_nav">
        <div class="dianshu">
            <span class="dianshu_num">点数：1680</span>
            <a href="http://gcol.qx680.com/" target="_blank" class="chongzhi_btn">线上充值</a>
        </div>
        <a href="javascript:void(0)" class="nav_btn"><i class="nav_icon"></i>新到商品</a>
        <a href="javascript:void(0)" class="nav_btn"><i class="nav_icon"></i>角色装扮</a>
        <a href="javascript:void(0)" class="nav_btn"><i class="nav_icon"></i>坐骑装扮</a>
        <a href="javascript:void(0)" class="nav_btn"><i class="nav_icon"></i>功能道具</a>
        <a href="javascript:void(0)" class="nav_btn"><i class="nav_icon"></i>精分礼品</a>
    </div>
    <div class="product_list">
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy" onclick="testgo();">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
        <div class="product_item">
            <div class="product_img_box">
                <img src="./image/border_img.png" alt="">
            </div>
            <div class="product_introl">
                <div class="detail_introl">这里是描述，这里是描述</div>
                <div class="product_props">
                    <a href="javascript:void(0)">半年</a>
                    <a href="javascript:void(0)">100000点数</a>
                </div>
                <div class="product_ctrl">
                    <a href="javascript:void(0)" class="give">赠送</a>
                    <a href="javascript:void(0)" class="buy">购买</a>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/jquery-1.11.3.js"></script>
<script src="./js/layer.js"></script>
<script>
    $(function () {
        $(document).ready(function(){
            $(document).bind("contextmenu",function(e){
                return false;
            });
        });
        $('.product_list>.product_item:nth-child(3n+1)').css({
            marginLeft:'0'
        })
    })
</script>
<script>
function testgo(){
	layer.msg('您购买的道具已发送至右下角 MY ITEM',5); 
	//layer.msg('你赠送的道具已发送至朋友的右下角 MY ITEM，请提醒他查收',5); 
}
</script>
</html>